@width: 0.5;
@height: @width + 10px;
@val:50vh/2;
@min768: (min-width:768px);
#colors() {
  primary: blue;
  secondary: green;
}

#oneBlock{
  .first{
    display: block;
    border: 1px solid black;
    background-color: grey;
    &:hover {
      background-color: white;
    }
  }
}

#header {
  width: percentage(@width); // 使用函数将0.5转换成50%
  width: calc(@val - 20px);//calc 保持()内数据不变 以兼容css calc
  height: @height;//引用变量
  #oneBlock.first();//访问#oneBlock的fist
  color:#colors[primary];//映射
}



